﻿@using Umbraco.Core;
@using Umbraco.Core.Models;
@using Umbraco.Core.Services
@using KSSOnline.Controller;
@using umbraco.MacroEngines
@inherits umbraco.MacroEngines.DynamicNodeContext
@{
    var KssFormProp = kssForm.GetKssFormDynamic();
    var allTab = KssFormProp.Where(item => item.NodeTypeAlias == "FormPropertyTab");
    var StringPopUp = string.Empty;
}
@* Ensure that the Current Page has children, wherescore1 the property umbracoNaviHide is not True *@
<style>
    fieldset {
        border: 1px solid #DDD;
        padding: 0 1.4em 1.4em 1.4em;
        margin: 0 0 1.5em 0;
    }

    legend {
        font-size: 1.2em;
        font-weight: bold;
        width: auto;
    }

    #approver1Div table {
        border-collapse: collapse;
    }

    #approver1Div table, td, th {
        border: 1px solid black;
    }

    input[type="button"].UploadButton {
        background: none;
        border: none;
        filter: none;
        background-image: url('/resources/Upload.png') !important;
        cursor: pointer !important;
        display: inline-block;
        width: 80px;
        height: 23px;
    }

    input[type="button"].hover {
        -moz-box-shadow: 0 0 3px #999;
        -webkit-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 3px #999;
    }

    .UploadDiv {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #f6f6f6;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #16387C;
        display: block;
        margin-top: 60px;
        margin-left: 20px;
        padding: 13px;
        width: auto;
        display: block;
    }

    .UploadDiv2 {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #f6f6f6;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #16387C;
        display: block;
        margin-top: 20px;
        margin-left: 20px;
        padding: 13px;
        width: auto;
        display: block;
    }

    .delete {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    #UploadedFile {
        display: inline-block;
    }

    #UploadedFileAfter {
        display: inline-block;
    }
</style>
<script type="text/javascript">

    var currentUser = '@FormsAuthentication.Decrypt(Request.Cookies[FormsAuthentication.FormsCookieName].Value).Name' //System.Web.HttpContext.Current.User.Identity.Name';
    var currentUserFirstName = '@UserHelper.GetUserbyUserName(FormsAuthentication.Decrypt(Request.Cookies[FormsAuthentication.FormsCookieName].Value).Name).FirstName';
</script>
<div id="documentTab" class="easyui-tabs" style="float: left; width: 1024px; margin-right: 10px">
    <div title="แบบฟอร์ม" style="padding: 10px;">
        <h2 style="float: left">แบบฟอร์มทั้งหมด</h2>
        <div class="demo-tip icon-tip" style="float: left;">
            &nbsp;
        </div>
        <div style="clear: both">
        </div>
        <table id="dg" title="แบบฟอร์ม" class="easyui-datagrid" style="width: auto; height: 400px;"
            toolbar="#toolbar" pagination="true" pagesize="10" loadfilter="pagerFilter" rownumbers="true"
            fitcolumns="true" singleselect="true">
            <thead>
                <tr>
                    <th field="status" width="20" align="center" sortable="true" formatter="formatStatus">สถานะ
                    </th>
                    <th field="id" width="30" align="center" sortable="true">เลขที่แบบฟอร์ม
                    </th>
                    <th field="title" width="50" align="center" sortable="true">หัวข้อ
                    </th>
                    <th field="createdByName" width="20" align="center" sortable="true">สร้างโดย
                    </th>
                    <th field="departmentName" width="20" align="center" sortable="true">แผนก
                    </th>
                    <th field="createdDate" width="20" align="center" sortable="true" formatter="formatDate">สร้างเมื่อ
                    </th>
                    <th field="approver1" width="20" align="center" sortable="true">หัวหน้างานผู้อนุมัติ
                    </th>
                    <th field="approver2" width="20" align="center" sortable="true">แผนกผู้อนุมัติ
                    </th>
                </tr>
            </thead>
        </table>
        <div id="toolbar">
            <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="newDocument()">เพิ่มแบบฟอร์ม</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true"
                onclick="editDocument()">แก้ไขแบบฟอร์ม</a> <a href="#" class="easyui-linkbutton"
                    iconcls="icon-remove" plain="true" onclick="removeDocument()">ลบแบบฟอร์ม</a>
        </div>
        <div id="dlg" class="easyui-dialog" style="width: 800px; height: 550px; padding: 10px 20px"
            closed="true" data-options="resizable:true,modal:true">
            <form id="fm" method="post" class="stdform" novalidate>
                <div id="wizard" class="wizard">
                    <br />
                    <ul class="hormenu">
                        <li><a href="#wiz1step1082"><span class="h2">Step 1</span><span class="lable"> ข้อมูลผู้สมัครและเรื่องที่เสนอ</span></a></li>
                        <li><a href="#wiz1step1084"><span class="h2">Step 2</span><span class="lable"> รายละเอียดการปรับปรุง</span></a></li>
                        <li><a href="#wiz1step1085"><span class="h2">Step 3</span><span class="lable"> แนวความคิด</span></a></li>
                    </ul>
                    <div id="wiz1step1082" class="formwiz">
                        <h4 class="widgettitle">Step 1: ข้อมูลผู้สมัครและเรื่องที่เสนอ
                        </h4>
                        <div class="control-group">
                            <label class="label-bold">
                                ชื่อผู้เสนอ</label>
                            <span class="field">
                                <input type='text' name='createdByName' id='createdByName' class=' input-xxlarge'
                                    readonly="readonly" />
                            </span>
                        </div>
                        <div class="control-group">
                            <label class="label-bold">
                                เลขประจำตัว</label>
                            <span class="field">
                                <input type='text' name='createdBy' id='createdBy' class='input-xxlarge' readonly="readonly" />
                                @*<button onclick=" UserCheckerFunction(); return false;" id="UserChecker" class="btn">
                                <span class="icon-search"></span>
                            </button>*@ </span>
                        </div>
                        <div class="control-group">
                            <label class="label-bold">
                                แผนก/ส่วน</label>
                            <span class="field">
                                <input type='text' name='departmentName' id='departmentName' class='input-xxlarge'
                                    readonly="readonly" />
                            </span>
                        </div>
                        @* <div class="control-group">
                            <label class="label-bold">
                                วันที่</label>
                            <span class="field">
                                <input type='date' name='createdDate' id='createdDate' class='input-xxlarge' />
                            </span>
                        </div>*@
                        <div class="control-group90">
                            <label class="label-bold">
                                เรื่องที่เสนอ</label>
                            <span class="field">
                                <input type='text' name='title' id='title' class='input-xxlarge' />
                            </span>
                        </div>
                    </div>
                    <div id="wiz1step1084" class="formwiz" style="height: 520px;">
                        <h4 class="widgettitle">Step 2: รายละเอียดการปรับปรุง
                        </h4>
                        <div style="height: 100px" >
                            <div class="control-group50">
                                <label class="label-bold">
                                    ก่อนการแก้ไข (Before)</label>
                                <textarea type="text" name="beforeChange" id="beforeChange" style="width: 90%; height: 90%; margin-left: 20px;"></textarea>
                            </div>
                            <div class="control-group50">
                                <label class="label-bold">
                                    หลังการแก้ไข (After)</label>
                                <textarea type="text" name="afterChange" id="afterChange" style="width: 90%; height: 90%; margin-left: 20px;"></textarea>
                            </div>
                        </div>
                        <div class="UploadDiv">
                            ก่อนแก้ไข
                        <div id="UploadStatus">
                        </div>
                            <input type="button" id="UploadButton" class="UploadButton" />
                            <div id="UploadedFile">
                            </div>
                        </div>
                        <div class="UploadDiv2">
                            หลังแก้ไข
                        <div id="UploadStatusAfter">
                        </div>
                            <input type="button" id="UploadButtonAfter" class="UploadButton" />
                            <div id="UploadedFileAfter">
                            </div>
                        </div>
                    </div>
                    <div id="wiz1step1085" class="formwiz">
                        <h4 class="widgettitle">Step 3: แนวความคิด
                        </h4>
                        <div class="control-group90">
                            <label class="label-bold">
                                ที่มาของเรื่อง/ปัญหา :</label>
                            <div class="field90">
                                <textarea type="text" name='howprolemcome' id='howprolemcome' class='span6' rows='3'
                                    cols='80' style='width: 100%; height: 30px;'></textarea>
                            </div>
                        </div>
                        <div class="control-group90">
                            <label class="label-bold">
                                แนวคิด/วิธีการปรับปรุง :</label>
                            <div class="field90">
                                <textarea type="text" name='IdieToFix' id='IdieToFix' class='span6' rows='3' cols='80'
                                    style='width: 100%; height: 30px;'></textarea>
                            </div>
                        </div>
                        <div class="control-group90">
                            <label class="label-bold">
                                สรุปผลที่ได้รับ : (ลำดับเป็นหัวข้อ)</label>
                            <div class="field90">
                                <textarea type="text" name='Summary' id='Summary' class='span6' rows='3' cols='80'
                                    style='width: 100%; height: 30px;'></textarea>
                            </div>
                        </div>
                        <div class="control-group90">
                            <label class="label-bold">
                                Cost Saving : (บาท/ปี)
                            </label>
                            <div class="field90">
                                <input type="text" id="savecost" name="savecost" />
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            @{
                var currentUser = FormsAuthentication.Decrypt(Request.Cookies[FormsAuthentication.FormsCookieName].Value).Name;
                var kssFormUser = new DynamicNode(1095);
                <div id="userDiv">
                    @*<fieldset>
                        <legend>
                            @kssFormUser.GetPropertyValue("displayName") <a href="#javascript" onclick="showPopup('A1Popup')">
                                <span class="icon-exclamation-sign"></span></a></legend>
                        <div id="A1Popup" class="easyui-dialog" closed="true" data-options="resizable:true"
                            title="หลักเกณฑ์การยอมรับเป็นการปรับปรุงงาน" style="width: 400px;">
                            <span><b><u>นิยาม :</u></b></span>
                            <br />
                            <span style="margin-left: 20px">1. ไม่ใช่แนวทางแก้ไขเพื่อคืนสู่สภาพเดิม แต่ต้องเป็นการปรับปรุงให้ดียิ่งขึ้น
                            </span>
                            <br />
                            <span style="margin-left: 20px">2. ไม่ใช่งานที่มีผู้เสนอมาก่อนแล้ว หรือมีผู้อื่นกำลังดำเนินการ
                                หรือบริษัทกำลังดำเนินการอยู่ เว้นแต่เป็นเรื่องที่เสนอเพื่อปรับปรุงให้ดียิ่งขึ้น
                            </span>
                            <br />
                            <span style="margin-left: 20px">3. ไม่ใช่การเสนอเฉพาะปัญหา แต่ต้องระบุแนวทางการปรับปรุงที่ชัดเจน
                                หรือได้ทดลองปฎิบัติจนได้ผลแล้ว </span>
                            <br />
                            <span style="margin-left: 20px">4. ไม่ใช่เรื่องที่เกี่ยวข้องกับสิทธิในการจัดการ เช่น
                                สวัสดิการ ค่าจ้าง ฯลฯ </span>
                            <br />
                            <span style="margin-left: 20px">5. คณะกรรมการ TQM พิจารณาให้ความเห็นชอบเป็นกรณีพิเศษตามความเหมาะสม
                            </span>
                        </div>
                        @{
            
                            var CateItemUser = A1ItemHelper.GetItemWithCate(2);
                            var indexCateNameUser = 0;
                            foreach (var item in CateItemUser)
                            {
                                //var propType = item;
                
                            <div style="float: left; padding: 10px;">
                                @item.CateName :
                                @{
                                indexCateNameUser += 1;
                                var indexCateNameText = "popup" + indexCateNameUser;

                                if (item.CateName.Contains("รูปแบบการปรับปรุง"))
                                {
                
                                    <a href="#javascript" onclick="showPopup('@indexCateNameText')"><span class="icon-exclamation-sign"></span></a>
                                    <div id="@indexCateNameText" class="easyui-dialog" closed="true" data-options="resizable:true" title="@item.CateName" style="width:350px;">
                                        <span><b><u>นิยาม :</u></b></span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Karakuri Kaizen </u>คือ การปรับปรุงกระบวนการ โดยใช้หลักการกลศาสตร์
                                            เฟือง สปริง คาน คานงัด ล้อ เพลา, หลักการทางธรรมชาติ เช่น แสงแดด และแรงลม </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Automation Kaizen</u> คือ การปรับปรุงกระบวนการให้เป็นอัตโนมัติหรือกึ่งอัตโนมัติ
                                            โดยใช้ ไฟฟ้า อิเล็กทรอนิกส์ นิวเมติก ระบบ PLC เข้ามาเกี่ยวข้อง </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Kaizen อื่นๆ</u> คือ Kaizen ประเภทอื่น ที่ไม่ใช่
                                            Karakuri Kaizen และ Automation Kaizen </span>
                                    </div>
                                }
                                else if (item.CateName.Contains("วัตถุประสงค์การปรับปรุง"))
                                {
                                    <a href="#javascript" onclick="showPopup('@indexCateNameText')"><span class="icon-exclamation-sign"></span></a>
                                    <div id="@indexCateNameText" class="easyui-dialog" closed="true" data-options="resizable:true"  title="@item.CateName" style="width:400px;">
                                        <span><b><u>นิยามวัตถุประสงค์การปรับปรุง :</u></b></span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Reliability</u> คือ ทำให้โอกาสที่จะเกิดการชำรุดเสียหายต่ำ,การหยุดชะงักงันต่ำ,การเกิดของเสียต่ำ,การปรับแต่งน้อย
                                        </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Maintainability</u> คือ ทำให้ใช้เวลาในการตรวจน้อย,ค้นหาส่วนที่ชำรุดได้เร็ว,เปลี่ยนชิ้นส่วนได้งาย,ค้นพบส่วนที่เสื่อมได้เร็ว
                                        </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Autonomous Maintainability</u> คือ ทำให้การทำความสะอาด,หล่อลื่น,ตรวจสอบ
                                            ทำได้ง่าย </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Operability</u> คือ ทำให้การเตรียมการปรับแต่งง่าย,ควบคุมกระบวนการง่าย,
                                            ปิด-เปิดเครื่องง่าย </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Cost</u> คือ ทำให้ปริมาณการใช้ทรัพยากรและพลังงานต่อหน่วยต่ำ,การนำเอาทรัพยากรกลับมาใช้ใหม่
                                        </span>
                                        <br />
                                        <span style="margin-left: 20px"><u>Safety</u> คือ ทำให้มองเห็นหรือค้นพบความผิดปกติของเครื่องจักรได้ง่าย
                                            ,ลดส่วน หมุน คม โผล่ ชน เกี่ยว ของเครื่องจักรลง </span>
                                    </div>
                                }
                                }
                                <ul style="list-style-type: none;">
                                    @{
                                foreach (var propTypeItem in item.Item)
                                {
                                        <li>
                                            <input type="checkbox" id="@propTypeItem.a1ItemId" name="@propTypeItem.a1ItemId"/>
                                            @propTypeItem.a1ItemName </li>
                                }
                                    }
                                </ul>
                            </div>
                
                            }
                        }
                        <div style="clear: both">
                        </div>

                    </fieldset>*@
                    <fieldset>
                        <legend>ส่วนที่ 2 : สำหรับผู้บังคับบัญชาโดยตรง/ผู้รับผิดชอบหน่วยงานที่นำข้อเสนอแนะไปปฎิบัติ (พิจารณาเฉพาะ MP SHEET)</legend>
                         <div id="userselected">
                        @{var CateItem3 = A1ItemHelper.GetItemWithCate(3);
                          var indexCateName3 = 0;
                          foreach (var item in CateItem3)
                          {
                            <div class="control-group25">
                                <div class="label-bold" style="margin-left: 20px;">
                                    <h3>@item.CateName :
                                    </h3>
                                </div>

                                <div class="formwrapper" style="margin-left: 20px;">
                                    @foreach (var propTypeItem in item.Item)
                                    {
                                        <input type='checkbox' id='@propTypeItem.a1ItemId' name='@propTypeItem.a1ItemId' style='margin: 0px 4px 0;'/>
                                        @propTypeItem.a1ItemName
                                        <br />
                                    }

                                </div>
                            </div>
                          }
                        }
                             <div style="clear: both;">
                                 <fieldset>
                                     <legend>ส่วนที่ 2.1 : </legend>
                                     <div>
                                         @{var CateItem4 = A1ItemHelper.GetItemWithCate(4);
                                             var indexCateName4 = 0;
                                             foreach (var item in CateItem4)
                                             {
                                                 <div>
                                                     <div class="label-bold" style="margin-left: 20px;">
                                                         <h3>
                                                             @item.CateName :
                                                     </h3>
                                                 </div>

                                                 <div class="formwrapper" style="margin-left: 20px;">
                                                     @foreach (var propTypeItem in item.Item)
                                                     {
                                                         <input type='checkbox' id='@propTypeItem.a1ItemId' name='@propTypeItem.a1ItemId' style='margin: 0px 4px 0;' />
                                                         @propTypeItem.a1ItemName
                                                         <br />
                                                     }

                                                 </div>
                                             </div>
                                             }
                                         }
                                     </div>
                                 </fieldset>
                             </div>
                             </div>
                    </fieldset>
                    <fieldset>
                        <legend>ส่วนที่ 3 : สำหรับผู้บังคับบัญชาโดยตรง/ผู้รับผิดชอบหน่วยงานที่นำข้อเสนอแนะไปปฎิบัติ</legend>
                        <div>
                            @{
                                foreach (var measurement in kssFormUser.GetChildrenAsList.Where(measurementItem => measurementItem.NodeTypeAlias == "MeasurementSection"))
                                {
                                    var measurementItems = measurement;
                                <table id="tableMeasurement">
                                    <tr>
                                        <td style="text-align: center;">
                                            <b>หัวข้อการประเมิน</b>
                                        </td>
                                        <td colspan="5" style="text-align: center;">
                                            <b>คะแนนการประเมิน</b>
                                        </td>
                                    </tr>
                                    @{
                                    int rowIndex = 0;
                                    foreach (var mensuementRow in measurementItems.GetChildrenAsList.Where(mensumentRowitem => mensumentRowitem.NodeTypeAlias == "Measurement"))
                                    {
                                        rowIndex++;
                                        var mensuementRows = mensuementRow;
                                        <tr>
                                            @{
                                                <td>
                                                    <b>@rowIndex. @mensuementRows.Name</b>
                                                </td>
                                        int score = 0;
                                        foreach (var mensuementColumn in mensuementRows.GetChildrenAsList)
                                        {
                                            score++;
                                                <td style="text-align: center;">
                                                    @mensuementColumn.Name
                                                    <br />
                                                    <input type="radio" name="@mensuementRows.Id" 
                                                        @if (mensuementColumn.GetPropertyValue("score") == "3")
                                                        { 
                                                            @:checked="checked"
                                                        }  
                                                        value="@mensuementColumn.GetPropertyValue("score")" />
                                                    @mensuementColumn.GetPropertyValue("score") คะแนน
                                                </td>
                                        }
                                            }
                                        </tr>
                                    }

                                    foreach (var adminMeasurementScore in measurementItems.GetChildrenAsList.Where(mensumentRowitem => mensumentRowitem.NodeTypeAlias == "AdminMeasurementScore").OrderBy(i => i.Index()))
                                    {
                                        int i3 = 0;
                                        <tr>
                                            <td>
                                                <b>@adminMeasurementScore.Name </b>
                                            </td>
                                            <td colspan="5" style="text-align: center;">
                                                <span id="totolScore">0 </span>คะแนน
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <b>
                                                    @adminMeasurementScore.GetPropertyValue("displayAssessmentScore") </b>
                                            </td>
                                            @foreach (var adminMeasurementScoreColumn in adminMeasurementScore.GetChildrenAsList)
                                            {
                                                i3++;
                                                var i3String = "score" + i3;
                                                <td style="text-align: center;" class="@i3String">
                                                    @adminMeasurementScoreColumn.GetPropertyValue("assessmentScore")
                                                </td>
                                            }
                                        </tr>
                                        <tr>
                                            <td>
                                                <b>
                                                    @adminMeasurementScore.GetPropertyValue("displayCompensation") </b>
                                            </td>
                                            @{i3 = 0;}
                                            @foreach (var adminMeasurementScoreColumn2 in adminMeasurementScore.GetChildrenAsList)
                                            {
                                                i3++;
                                                var i3String = "score" + i3;
                                                <td style="text-align: center;" class="@i3String">
                                                    @adminMeasurementScoreColumn2.GetPropertyValue("compensation")
                                                </td>
                                            }
                                        </tr>
                                    }
                                    }
                                </table>
                                }
            
                            }
                        </div>
                        <div>
                            ความเห็นเพิ่มเติม กรณี 19-20 คะแนน
                        </div>
                        <div>
                            <input type="radio" id="approverTypeA1" name="approverTypeA1" value="1" />อนุมัติตามที่เสนอ
                        </div>
                        <div>
                            <input type="radio" name="approverTypeA1" value="2" />ไม่รับเป็น Kizen แต่ให้รับผลตอบแทน
                            10 บาท
                        </div>
                        <div>
                            <input type="radio" name="approverTypeA1" value="3" />ไม่อนุมัติ
                        </div>
                        <textarea style="width: 99%" cols="5" id="approver1Comment" name="approver1Comment"
                            rows="5" type="text"></textarea>
                        <button id="savedocumentA1UserButton" class="btn" onclick="saveDocumentA1();">
                            <i class="iconfa-ok">Save</i></button>
                    </fieldset>
                </div>
                <div id="Userapprover2Div">
                    <fieldset>
                        <legend>ส่วนที่ 4 : สำหรับผู้จัดการแผนกหรือเทียบเท่า
                        </legend>
                        <div>
                            <input type="radio" id="approverType" name="approverType" value="1" />อนุมัติตามที่เสนอ
                        </div>
                        <div>
                            <input type="radio" name="approverType" value="2" />อนุมัติและนำเสนอคณะกรรมการให้รับผลตอบแทน
                            <input type="text" id="approveWithBudget" name="approveWithBudget" style="width: 100px" />
                            บาท
                        </div>
                        <div>
                            <input type="radio" name="approverType" value="3" />ไม่อนุมัติตามที่เสนอ แต่ให้รับผลตอบแทน
                            <input type="text" id="notapproveWithBudget" name="notapproveWithBudget" style="width: 100px" />
                            บาท
                        </div>
                        <div>
                            ความเห็นเพิ่มเติม
                        </div>
                        <textarea style="width: 99%" cols="5" id="approver2Comment" name="approver2Comment"
                            rows="5"></textarea>
                        <button class="btn" id="approver2" onclick="saveDocumentA2();">
                            <i class="iconfa-save"></i>Save</button>
                    </fieldset>
                </div>@*
                <div id="UserapproverTQMDiv">
                    <fieldset>
                        <legend>ส่วนที่ 4 : สำหรับทีม TQM </legend>
                        <div>
                            <input type="radio" name="ApprovetypeTQM" value="1" />อนุมัติตามที่เสนอ
                        </div>
                        <div>
                            <input type="radio" name="ApprovetypeTQM" value="2" />ไม่อนุมัติตามที่เสนอ
                        </div>
                        <div>
                            ความเห็นเพิ่มเติม
                        </div>
                        <textarea style="width: 99%" cols="5" id="approverTQMComment" name="approverTQMComment"
                            rows="5"></textarea>
                        <button class="btn" id="approverTQM" onclick="saveDocumentTQM();">
                            <i class="iconfa-save"></i>Save</button>
                    </fieldset>
                </div>*@
            }
        </div>
        <div id="approverSelection" class="easyui-dialog" style="width: 300px; height: 200px; padding: 10px 20px"
            closed="true" data-options="resizable:true,modal:true, buttons: [{  
                    text:'Ok',  
                    iconCls:'icon-ok',  
                    handler:function(){  
                        var param = getAllInput();
                        param.push({'propertyname': 'approver1', 'dataNvarchar': jQuery('#approver1Section').combobox('getValue') });
                        param.push({'propertyname': 'approver2', 'dataNvarchar': jQuery('#approver2Section').combobox('getValue') });
                        saveDocument(param);
                        jQuery('#approverSelection').dialog('close');
                    }  
                },{  
                    text:'Cancel',  
                    handler:function(){  
                       javascript:jQuery('#approverSelection').dialog('close');  
                    }  
                }]  ">
            <div class="control-group90">
                <label class="label-bold">
                    หัวหน้างาน:</label>
                <div class="field">
                    <input type='text' class="easyui-combobox" style="width: 250px" name='approver1Section' id='approver1Section' data-options="valueField:'UserName',textField:'FirstName'" />
                </div>
            </div>
            <div class="control-group90">
                <label class="label-bold">
                    ผู้จัดการแผนก:</label>
                <div class="field">
                    <input type='text' class="easyui-combobox" style="width: 250px" name='approver2Section' id='approver2Section' data-options="valueField:'UserName',textField:'FirstName'" />
                </div>
            </div>
        </div>
        @*<div id="dlg-buttons">
            <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveTagCate()">Save</a>
            <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:jQuery('#dlg').dialog('close')">Cancel</a>
        </div>*@
    </div>
    @*@foreach (var item in StatusHelper.GetAllStatus())
    {
        <div title="@item.StatusTabDisplay" style="padding: 10px;" status="@item.StatusID">
            <h2 style="float: left">@item.StatusTabDisplay</h2>
            <div class="demo-tip" style="float: left;">
                &nbsp;
            </div>
            <div style="clear: both">
            </div>
            @{
        var dgStatus = "dg" + item.StatusID.Trim();
        var toolBarStatus = "toolbar1" + item.StatusID.Trim();
        
            }
            <table id="@dgStatus" title="แบบฟอร์ม"  class="easyui-datagrid" style="width: auto; height: 400px;"
            toolbar="#@toolBarStatus" pagination="true" pagesize="10" loadfilter="pagerFilter" rownumbers="true"
            fitcolumns="true" singleselect="true">
                <thead>
                    <tr>
                        <th field="id" width="30" align="center" sortable="true">
                            เลขที่แบบฟอร์ม
                        </th>
                        <th field="title" width="50" align="center" sortable="true">
                            หัวข้อ
                        </th>
                        <th field="createdByName" width="20" align="center" sortable="true">
                            สร้างโดย
                        </th>
                        <th field="departmentName" width="20" align="center" sortable="true">
                            แผนก
                        </th>
                        <th field="createdDate" width="20" align="center" sortable="true" formatter="formatDate">
                            สร้างเมื่อ
                        </th>
                    </tr>
                </thead>
            </table>
            <div id="@toolBarStatus">
                <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="newDocument()">
                    เพิ่มแบบฟอร์ม</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true"
                onclick="editDocument('@item.StatusID.Trim()')">แก้ไขแบบฟอร์ม</a> <a href="#" class="easyui-linkbutton"
                    iconcls="icon-remove" plain="true" onclick="removeDocument('@item.StatusID.Trim()')">
                    ลบแบบฟอร์ม</a>
            </div>
        </div>
        
    }*@
    @if ((currentUser != null && kssForm.IsRequireApprove1(currentUser) || kssForm.IsRequireApprove2(currentUser) || Session["Role"].ToString().ToLower() == "tqm"))
    {
        <div title="แบบฟอร์มรอการอนุมัติจากคุณ" data-options="iconCls:'icon-help'" style="padding: 10px;">
            <h2 style="float: left">แบบฟอร์มรอการอนุมัติจากคุณ</h2>
            <div class="demo-tip icon-tip" style="float: left;">
                &nbsp;
            </div>
            <div style="clear: both">
            </div>
            <table id="dgA1" title="แบบฟอร์ม" class="easyui-datagrid" style="width: auto; height: 400px;"
                toolbar="#toolbarA1" pagination="true" pagesize="10" loadfilter="pagerFilter"
                rownumbers="true" fitcolumns="true" singleselect="true">
                <thead>
                    <tr>
                        <th field="status" width="20" align="center" sortable="true" formatter="formatStatus">สถานะ
                        </th>
                        <th field="id" width="30" align="center" sortable="true">เลขที่แบบฟอร์ม
                        </th>
                        <th field="title" width="50" align="center" sortable="true">หัวข้อ
                        </th>
                        <th field="createdByName" width="20" align="center" sortable="true">สร้างโดย
                        </th>
                        <th field="departmentName" width="20" align="center" sortable="true">แผนก
                        </th>
                        <th field="createdDate" width="20" align="center" sortable="true" formatter="formatDate">สร้างเมื่อ
                        </th>
                        <th field="approver1" width="20" align="center" sortable="true">หัวหน้างานผู้อนุมัติ
                        </th>
                        <th field="approver2" width="20" align="center" sortable="true">แผนกผู้อนุมัติ
                        </th>
                    </tr>
                </thead>
            </table>
            <div id="toolbarA1">
                <a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="A1ApproveDocument()">อนุมัติแบบฟอร์ม</a>
            </div>
            <div id="dlgA1" class="easyui-dialog" style="width: 980px; height: 680px; padding: 10px 20px"
                closed="true" data-options="resizable:true,modal:true">
                <fieldset>
                    <legend>ส่วนที่ 1 : ข้อมูลจากพนักงาน </legend>
                    <form id="fmA1" method="post" class="stdform" novalidate>
                        <div id="wizardA1" class="wizard">
                            <br />
                            <div id="wiz1step1082A1" class="formwiz" style="height: 180px">
                                <h4 class="widgettitle">Step 1: ข้อมูลผู้สมัครและเรื่องที่เสนอ
                                </h4>
                                <div class="control-group">
                                    <label class="label-bold">
                                        ชื่อผู้เสนอ</label>
                                    <span class="field">
                                        <input type='text' name='createdByName' id='createdByName' class='input-xxlarge' />
                                    </span>
                                </div>
                                <div class="control-group">
                                    <label class="label-bold">
                                        เลขประจำตัว</label>
                                    <span class="field">
                                        <input type='text' name='createdBy' id='createdBy' class='input-xxlarge' />
                                    </span>
                                </div>
                                <div class="control-group">
                                    <label class="label-bold">
                                        แผนก/ส่วน</label>
                                    <span class="field">
                                        <input type='text' name='departmentName' id='departmentName' class='input-xxlarge' />
                                    </span>
                                </div>
                                <div class="control-group90">
                                    <label class="label-bold">
                                        เรื่องที่เสนอ</label>
                                    <span class="field">
                                        <input type='text' name='title' id='title' class='input-xxlarge' />
                                    </span>
                                </div>
                            </div>
                            <div id="wiz1step1084A1" class="formwiz">
                                <h4 class="widgettitle">Step 2: รายละเอียดการปรับปรุง
                                </h4>

                                <div class="control-group50">
                                    <label class="label-bold">
                                        ก่อนการแก้ไข (Before)</label>
                                    <textarea type="text" name="beforeChange" id="beforeChange" style="width: 90%; height: 90%; margin-left: 20px;"></textarea>
                                </div>
                                <div class="control-group50">
                                    <label class="label-bold">
                                        หลังการแก้ไข (After)</label>
                                    <textarea  type="text" name="afterChange" id="afterChange" style="width: 90%; height: 90%; margin-left: 20px;"></textarea>
                                </div>

                                <div class="UploadDiv" style="margin-top: 150px;">
                                    <div id="UploadStatusA1">
                                    </div>
                                    <input type="button" id="UploadButtonA1" class="UploadButton" disabled="disabled" />
                                    <div id="UploadedFileA1">
                                    </div>
                                </div>
                                <div class="UploadDiv2">
                                    <div id="UploadStatusA1After">
                                    </div>
                                    <input type="button" id="UploadButtonA1After" class="UploadButton" disabled="disabled" />
                                    <div id="UploadedFileA1After">
                                    </div>
                                </div>
                            </div>
                            <div id="wiz1step1085A1" class="formwiz">
                                <h4 class="widgettitle">Step 3: แนวความคิด
                                </h4>
                                <div class="control-group90">
                                    <label class="label-bold">
                                        ที่มาของเรื่อง/ปัญหา :</label>
                                    <div class="field90">
                                        <textarea type="text" name='howprolemcome' id='howprolemcome' class='span6' rows='3'
                                            cols='80' style='width: 100%; height: 30px;'></textarea>
                                    </div>
                                </div>
                                <div class="control-group90">
                                    <label class="label-bold">
                                        แนวคิด/วิธีการปรับปรุง :</label>
                                    <div class="field90">
                                        <textarea type="text" name='IdieToFix' id='IdieToFix' class='span6' rows='3' cols='80'
                                            style='width: 100%; height: 30px;'></textarea>
                                    </div>
                                </div>
                                <div class="control-group90">
                                    <label class="label-bold">
                                        สรุปผลที่ได้รับ : (ลำดับเป็นหัวข้อ)</label>
                                    <div class="field90">
                                        <textarea type="text" name='Summary' id='Summary' class='span6' rows='3' cols='80'
                                            style='width: 100%; height: 30px;'></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </fieldset>
                @{

        var kssFormPropApprove1 = new DynamicNode(1095);
                    <div id="approver1Div">
                        @*<fieldset>
                            <legend>
                                @kssFormPropApprove1.GetPropertyValue("displayName") <a href="#javascript" onclick="showPopup('A1Popup')">
                                    <span class="icon-exclamation-sign"></span></a></legend>
                            <div id="A1Popup" class="easyui-dialog" closed="true" data-options="resizable:true"
                                title="หลักเกณฑ์การยอมรับเป็นการปรับปรุงงาน" style="width: 400px;">
                                <span><b><u>นิยาม :</u></b></span>
                                <br />
                                <span style="margin-left: 20px">1. ไม่ใช่แนวทางแก้ไขเพื่อคืนสู่สภาพเดิม แต่ต้องเป็นการปรับปรุงให้ดียิ่งขึ้น
                                </span>
                                <br />
                                <span style="margin-left: 20px">2. ไม่ใช่งานที่มีผู้เสนอมาก่อนแล้ว หรือมีผู้อื่นกำลังดำเนินการ
                                    หรือบริษัทกำลังดำเนินการอยู่ เว้นแต่เป็นเรื่องที่เสนอเพื่อปรับปรุงให้ดียิ่งขึ้น
                                </span>
                                <br />
                                <span style="margin-left: 20px">3. ไม่ใช่การเสนอเฉพาะปัญหา แต่ต้องระบุแนวทางการปรับปรุงที่ชัดเจน
                                    หรือได้ทดลองปฎิบัติจนได้ผลแล้ว </span>
                                <br />
                                <span style="margin-left: 20px">4. ไม่ใช่เรื่องที่เกี่ยวข้องกับสิทธิในการจัดการ เช่น
                                    สวัสดิการ ค่าจ้าง ฯลฯ </span>
                                <br />
                                <span style="margin-left: 20px">5. คณะกรรมการ TQM พิจารณาให้ความเห็นชอบเป็นกรณีพิเศษตามความเหมาะสม
                                </span>
                            </div>
                            @{

        var CateItem = A1ItemHelper.GetItemWithCate(2);
        var indexCateName = 0;
        foreach (var item in CateItem)
        {
            //var propType = item;

                                <div style="float: left; padding: 10px;">
                                    @item.CateName :
                                    @{
            indexCateName += 1;
            var indexCateNameText = "popup" + indexCateName;
            var ItemID = "approvalItem" + indexCateName;
            if (item.CateName.Contains("รูปแบบการปรับปรุง"))
            {

                                        <a href="#javascript" onclick=" showPopup('@indexCateNameText')"><span class="icon-exclamation-sign"></span></a>
                                        <div id="@indexCateNameText" class="easyui-dialog" closed="true" data-options="resizable:true" title="@item.CateName" style="width: 350px;">
                                            <span><b><u>นิยาม :</u></b></span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Karakuri Kaizen </u>คือ การปรับปรุงกระบวนการ โดยใช้หลักการกลศาสตร์
                                                เฟือง สปริง คาน คานงัด ล้อ เพลา, หลักการทางธรรมชาติ เช่น แสงแดด และแรงลม </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Automation Kaizen</u> คือ การปรับปรุงกระบวนการให้เป็นอัตโนมัติหรือกึ่งอัตโนมัติ
                                                โดยใช้ ไฟฟ้า อิเล็กทรอนิกส์ นิวเมติก ระบบ PLC เข้ามาเกี่ยวข้อง </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Kaizen อื่นๆ</u> คือ Kaizen ประเภทอื่น ที่ไม่ใช่
                                                Karakuri Kaizen และ Automation Kaizen </span>
                                        </div>
            }
            else if (item.CateName.Contains("วัตถุประสงค์การปรับปรุง"))
            {
                                        <a href="#javascript" onclick=" showPopup('@indexCateNameText')"><span class="icon-exclamation-sign"></span></a>
                                        <div id="@indexCateNameText" class="easyui-dialog" closed="true" data-options="resizable:true"  title="@item.CateName" style="width: 400px;">
                                            <span><b><u>นิยามวัตถุประสงค์การปรับปรุง :</u></b></span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Reliability</u> คือ ทำให้โอกาสที่จะเกิดการชำรุดเสียหายต่ำ,การหยุดชะงักงันต่ำ,การเกิดของเสียต่ำ,การปรับแต่งน้อย
                                            </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Maintainability</u> คือ ทำให้ใช้เวลาในการตรวจน้อย,ค้นหาส่วนที่ชำรุดได้เร็ว,เปลี่ยนชิ้นส่วนได้งาย,ค้นพบส่วนที่เสื่อมได้เร็ว
                                            </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Autonomous Maintainability</u> คือ ทำให้การทำความสะอาด,หล่อลื่น,ตรวจสอบ
                                                ทำได้ง่าย </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Operability</u> คือ ทำให้การเตรียมการปรับแต่งง่าย,ควบคุมกระบวนการง่าย,
                                                ปิด-เปิดเครื่องง่าย </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Cost</u> คือ ทำให้ปริมาณการใช้ทรัพยากรและพลังงานต่อหน่วยต่ำ,การนำเอาทรัพยากรกลับมาใช้ใหม่
                                            </span>
                                            <br />
                                            <span style="margin-left: 20px"><u>Safety</u> คือ ทำให้มองเห็นหรือค้นพบความผิดปกติของเครื่องจักรได้ง่าย
                                                ,ลดส่วน หมุน คม โผล่ ชน เกี่ยว ของเครื่องจักรลง </span>
                                        </div>
            }
                                    }
                                    <ul style="list-style-type: none;" id="@ItemID">
                                        @{
            foreach (var propTypeItem in item.Item)
            {
                                            <li>
                                                <input type='checkbox' id='@propTypeItem.a1ItemId' name='@propTypeItem.a1ItemId'/>
                                                @propTypeItem.a1ItemName </li>
            }
                                        }
                                    </ul>
                                </div>

        }
                            }
                            <div style="clear: both">
                            </div>

                        </fieldset>*@
                        <fieldset>
                            <legend>ส่วนที่ 2 : สำหรับผู้บังคับบัญชาโดยตรง/ผู้รับผิดชอบหน่วยงานที่นำข้อเสนอแนะไปปฎิบัติ (พิจารณาเฉพาะ MP SHEET)</legend>
                            <div id="A1selected">
                                @{var CateItem32 = A1ItemHelper.GetItemWithCate(3);
                                  foreach (var item in CateItem32)
                                  {
                                    <div class="control-group25">
                                        <div class="label-bold" style="margin-left: 20px;">
                                            <h3>@item.CateName :
                                            </h3>
                                        </div>

                                        <div class="formwrapper" style="margin-left: 20px;">
                                            @foreach (var propTypeItem in item.Item)
                                            {
                                                <input type='checkbox' id='@propTypeItem.a1ItemId' name='@propTypeItem.a1ItemId' style='margin: 0px 4px 0;'/>
                                                @propTypeItem.a1ItemName
                                                <br />
                                            }

                                        </div>
                                    </div>
                                  }
                                }
                            </div>
                            <div style="clear: both;">
                                <fieldset>
                                    <legend>ส่วนที่ 2.1 : </legend>
                                    <div>
                                        @{var CateItem42 = A1ItemHelper.GetItemWithCate(4);
                                            
                                            foreach (var item in CateItem42)
                                            {
                                                <div>
                                                    <div class="label-bold" style="margin-left: 20px;">
                                                        <h3>
                                                            @item.CateName :
                                                        </h3>
                                                    </div>

                                                    <div class="formwrapper" style="margin-left: 20px;">
                                                        @foreach (var propTypeItem in item.Item)
                                                        {
                                                            <input type='checkbox' id='@propTypeItem.a1ItemId' name='@propTypeItem.a1ItemId' style='margin: 0px 4px 0;' />
                                                            @propTypeItem.a1ItemName
                                                            <br />
                                                        }

                                                    </div>
                                                </div>
                                            }
                                        }
                                    </div>
                                </fieldset>
                            </div>
                        </fieldset>
                        <fieldset>
                            <legend>ส่วนที่ 3 : สำหรับผู้บังคับบัญชาโดยตรง/ผู้รับผิดชอบหน่วยงานที่นำข้อเสนอแนะไปปฎิบัติ</legend>
                            <div>
                                @{
                                  foreach (var measurement in kssFormPropApprove1.GetChildrenAsList.Where(measurementItem => measurementItem.NodeTypeAlias == "MeasurementSection"))
                                  {
                                      var measurementItems = measurement;
                                    <table id="tableMeasurement">
                                        <tr>
                                            <td style="text-align: center;">
                                                <b>หัวข้อการประเมิน</b>
                                            </td>
                                            <td colspan="5" style="text-align: center;">
                                                <b>คะแนนการประเมิน</b>
                                            </td>
                                        </tr>
                                        @{
                                      int rowIndex = 0;
                                      foreach (var mensuementRow in measurementItems.GetChildrenAsList.Where(mensumentRowitem => mensumentRowitem.NodeTypeAlias == "Measurement"))
                                      {
                                          rowIndex++;
                                          var mensuementRows = mensuementRow;
                                            <tr>
                                                @{
                                                    <td>
                                                        <b>@rowIndex. @mensuementRows.Name</b>
                                                    </td>
                                          int score = 0;
                                          foreach (var mensuementColumn in mensuementRows.GetChildrenAsList)
                                          {
                                              score++;
                                                    <td style="text-align: center;">
                                                        @mensuementColumn.Name
                                                        <br />
                                                        <input type="radio" name="@mensuementRows.Id" 
                                                                        @if (mensuementColumn.GetPropertyValue("score") == "3")
                                                                        {
                                                                            @:checked="checked"
                                                                        }  
                                                                           value="@mensuementColumn.GetPropertyValue("score")" />
                                                        @mensuementColumn.GetPropertyValue("score") คะแนน
                                                    </td>
                                          }
                                                }
                                            </tr>
                                      }

                                      foreach (var adminMeasurementScore in measurementItems.GetChildrenAsList.Where(mensumentRowitem => mensumentRowitem.NodeTypeAlias == "AdminMeasurementScore").OrderBy(i => i.Index()))
                                      {
                                          int i3 = 0;
                                            <tr>
                                                <td>
                                                    <b>@adminMeasurementScore.Name </b>
                                                </td>
                                                <td colspan="5" style="text-align: center;">
                                                    <span id="totolScore">0 </span>คะแนน
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <b>
                                                        @adminMeasurementScore.GetPropertyValue("displayAssessmentScore") </b>
                                                </td>
                                                @foreach (var adminMeasurementScoreColumn in adminMeasurementScore.GetChildrenAsList)
                                                {
                                                    i3++;
                                                    var i3String = "score" + i3;
                                                    <td style="text-align: center;" class="@i3String">
                                                        @adminMeasurementScoreColumn.GetPropertyValue("assessmentScore")
                                                    </td>
                                                }
                                            </tr>
                                            <tr>
                                                <td>
                                                    <b>
                                                        @adminMeasurementScore.GetPropertyValue("displayCompensation") </b>
                                                </td>
                                                @{ i3 = 0; }
                                                @foreach (var adminMeasurementScoreColumn2 in adminMeasurementScore.GetChildrenAsList)
                                                {
                                                    i3++;
                                                    var i3String = "score" + i3;
                                                    <td style="text-align: center;" class="@i3String">
                                                        @adminMeasurementScoreColumn2.GetPropertyValue("compensation")
                                                    </td>
                                                }
                                            </tr>
                                      }
                                        }
                                    </table>
                                  }

                                }
                            </div>
                            <div id="approver1DivApprove">
                                <div>
                                    ความเห็นเพิ่มเติม กรณี 19-20 คะแนน
                                </div>
                                <div>
                                    <input type="radio" id="approverTypeA1" name="approverTypeA1" value="1" />อนุมัติตามที่เสนอ
                                </div>
                                <div>
                                    <input type="radio" name="approverTypeA1" value="2" />ไม่รับเป็น Kizen แต่ให้รับผลตอบแทน
                                10 บาท
                                </div>
                                <div>
                                    <input type="radio" name="approverTypeA1" value="3" />ไม่อนุมัติ
                                </div>
                                <textarea style="width: 99%" cols="5" id="approver1Comment" name="approver1Comment"
                                    rows="5" type="text"></textarea>
                                <button id="savedocumentA1Button" class="btn" onclick="saveDocumentA1();">
                                    <i class="iconfa-ok">Save</i>
                                </button>
                            </div>

                        </fieldset>
                    </div>
                                  if ((currentUser != null && kssForm.IsRequireApprove2(currentUser)) || Session["Role"] != null && Session["Role"].ToString().ToLower() == "tqm")
                                  {
                    <div id="approver2Div">
                        <fieldset>
                            <legend>
                                @{
                                      var kssFormPropApprove2 = new DynamicNode(1096);
                                    @kssFormPropApprove2.GetPropertyValue("displayName")
                                }
                            </legend>
                            <div>
                                <input type="radio" name="approverType" value="1" />อนุมัติตามที่เสนอ
                            </div>
                            <div>
                                <input type="radio" name="approverType" value="2" />อนุมัติและนำเสนอคณะกรรมการให้รับผลตอบแทน
                                <input type="text" id="approveWithBudget" name="approveWithBudget" style="width: 100px" />
                                บาท
                            </div>
                            <div>
                                <input type="radio" name="approverType" value="3" />อนุมัติตามที่เสนอ แต่ให้รับผลตอบแทน
                                <input type="text" id="notapproveWithBudget" name="notapproveWithBudget" style="width: 100px" />
                                บาท
                            </div>
                            <div>
                                ความเห็นเพิ่มเติม
                            </div>
                            <textarea style="width: 99%" cols="5" id="approver2Comment" name="approver2Comment"
                                rows="5"></textarea>
                            <button class="btn" id="approver2" onclick="saveDocumentA2();">
                                <i class="iconfa-save"></i>Save</button>
                        </fieldset>
                    </div>
                                  }

                                  if (Session["Role"] != null && Session["Role"].ToString().ToLower() == "tqm" || Session["Role"] != null && Session["Role"].ToString().ToLower() == "tqm")
                                  {
                    <div id="approverTQMDiv">
                        <fieldset>
                            <legend>ส่วนที่ 4 : สำหรับทีม TQM </legend>
                            <div>
                                <input type="radio" name="ApprovetypeTQM" value="1" />อนุมัติตามที่เสนอ
                            </div>
                            <div>
                                <input type="radio" name="ApprovetypeTQM" value="2" />ไม่อนุมัติตามที่เสนอ
                            </div>
                            <div>
                                ความเห็นเพิ่มเติม
                            </div>
                            <textarea style="width: 99%" cols="5" id="approverTQMComment" name="approverTQMComment"
                                rows="5"></textarea>
                            @if (Session["Role"] != null && Session["Role"].ToString().ToLower() == "tqm")
                            {

                                var tagcates = TagHelper.GetAllTagCateOject();
                                var tags = TagHelper.GetAllTagObject();
                                <div style="margin-top: 5px; margin-bottom: 5px">
                                    <div style="width: 50px; float: left">
                                        กลุ่มTag:
                                    </div>
                                    <select id="tagcate" class="easyui-combobox" name="state" style="float: left; width: 200px;"
                                        data-options=" multiple:true,editable: false">
                                        @foreach (var cate in tagcates)
                                        {
                                            <option value="@cate.tagCateId">@cate.tagCateName</option> 
                                
                                        }
                                    </select>
                                </div>
                                <div style="margin-top: 5px; margin-bottom: 5px">
                                    <div style="width: 50px; float: left">
                                        Tag:
                                    </div>
                                    <select id="tag" class="easyui-combobox" name="state" style="float: left; width: 200px;"
                                        data-options="valueField:'tagId',textField:'tagName', multiple:true, editable: false">
                                    </select>
                                </div>
           
                            }
                            <button class="btn" id="approverTQM" onclick="saveDocumentTQM();">
                                <i class="iconfa-save"></i>Save</button>
                        </fieldset>
                    </div>
                                  }

  
                }
                @{
                    var indexCateNameUser = 0;
                    var CateItemUser = A1ItemHelper.GetItemWithCate();
                    if (currentUser != null && kssForm.IsRequireApprove1(currentUser))
                    {
                    <script type="text/javascript">
                        var currentRole = undefined;
                        jQuery(document).ready(function () {
                            jQuery('#dgA1').datagrid({ url: "/api.ashx?metdhodName=getdocbyApprover1&UserName=" + currentUser });
                            jQuery('#approver1Div #tableMeasurement input:radio').change(function () {
                                getScoreSelect();
                            });
                            getScoreSelect();
                            jQuery("form#fmA1 :input").attr("disabled", false);
                        });
                        @foreach (var item in CateItemUser)
                        {
                            indexCateNameUser += 1;
                            var ItemIDJS = "approvalItem" + indexCateNameUser;
                            @:jQuery("#@ItemIDJS input:checkbox").change(function () {
                               
                                @:if (jQuery(this).is(":checked")) { jQuery(this).attr("checked", false) } else { jQuery("#@ItemIDJS input:checkbox").attr("checked", false); jQuery(this).attr("checked", true); }
                                                                                                                                                                                                                                                                                                                                                                            @:});
                                                                                                                                                                            }
                    </script>
            
                                  }
                                  else if (currentUser != null && kssForm.IsRequireApprove2(currentUser))
                                  {
                    <script type="text/javascript">
                        var currentRole = undefined;
                        jQuery(document).ready(function () {


                            jQuery('#dgA1').datagrid({ url: "/api.ashx?metdhodName=getdocbyApprover2&UserName=" + currentUser });
                            jQuery("form#fmA1 :input").attr("disabled", false);
                            jQuery("#approver1Div :input").attr("disabled", false);
                            jQuery("#approver1Div #tableMeasurement :input").attr("disabled", true);
                            jQuery("#approver1DivApprove :input").attr("disabled", true);
                            
                            jQuery('#approver2Div :input').attr("disabled", false);
                            //getScoreSelect();
                           @foreach (var item in CateItemUser)
                           {
                               indexCateNameUser += 1;
                               var ItemIDJS = "approvalItem" + indexCateNameUser;
                            @:jQuery("#@ItemIDJS input:checkbox").change(function () {
                               
                                @:if (jQuery(this).is(":checked")) { jQuery(this).attr("checked", false) } else { jQuery("#@ItemIDJS input:checkbox").attr("checked", false); jQuery(this).attr("checked", true); }
                                                                                                                                                                                                                                                                                                                                                                                                                @:});
                                                                                                                                                                                                    }
                        });
                    </script>
                                  }
                                  else if (Session["Role"] != null && Session["Role"].ToString().ToLower() == "tqm")
                                  {
                    <script type="text/javascript">
                        var currentRole = "tqm";
                        jQuery(document).ready(function () {
                            //jQuery('#dgA1').datagrid({ url: "/api.ashx?metdhodName=getdocbyTqm" });
                           
                            jQuery("form#fmA1 :input").attr("disabled", false);
                            jQuery("#approver1Div :input").attr("disabled", false);
                            jQuery("#approver1Div #tableMeasurement :input").attr("disabled", true);
                            jQuery("#approver1DivApprove :input").attr("disabled", true);
                            jQuery('#approver2Div :input').attr("disabled", true);
                            jQuery('#approverTQMDiv :input').attr("disabled", false);
                    @foreach (var item in CateItemUser)
                    {
                        indexCateNameUser += 1;
                        var ItemIDJS = "approvalItem" + indexCateNameUser;
                            @:jQuery("#@ItemIDJS input:checkbox").change(function () {
                               
                                @:if (jQuery(this).is(":checked")) { jQuery(this).attr("checked", false) } else { jQuery("#@ItemIDJS input:checkbox").attr("checked", false); jQuery(this).attr("checked", true); }
                                                                                                                                                                                                                                                                                                                            @:});
                            }

                        });
                        var tagsAll =  @Html.Raw(Json.Encode(TagHelper.GetTag()));
                    </script>
                                  }
        
                }
            </div>
        </div>
        
    }
</div>
@{
    @*<div class="easyui-panel" style="width: 200px" title="ค้นหาเอกสารตาม Tag">
        <ul class="easyui-tree" id="tagTree">
            <li id="tagAll">All</li>
            @{
                var TagscatUser = TagHelper.GetAllTagCateOject();
                var TagsUser = TagHelper.GetAllTagObject();
            }
            @foreach (var cate in TagscatUser)
            {
                <li id="@cate.tagCateId"><span>@cate.tagCateName </span>
                    @foreach (var tag in TagsUser)
                    {
                        <ul>
                            @if (cate.tagCateId == tag.tagCateId)
                            {
                                var tagID = cate.tagCateId + ":" + tag.tagId;
                                <li id="@tagID"><span>@tag.tagName</span> </li>
                            }
                        </ul>
                    }
                    } </li> 
            }
        </ul>
    </div>*@
}
